<template>
  <view class="container">
    <view class="navbar">
      <view class="navbar-title">自查问卷</view>
    </view>
    
    <scroll-view class="content" scroll-y>
      <view class="question-list">
        <!-- 1. 白天排尿次数 -->
        <view class="question-item">
          <view class="question-number">1、</view>
          <view class="question-content">
            <view class="question-text">白天排尿次数：从早晨起床到晚上入睡的时间内，小便的次数是多少？</view>
            <radio-group @change="handleRadioChange('q1', $event)">
              <label class="option" v-for="(opt, idx) in questions.q1.options" :key="idx">
                <radio :value="opt" :checked="answers.q1 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 2. 夜间排尿次数 -->
        <view class="question-item">
          <view class="question-number">2、</view>
          <view class="question-content">
            <view class="question-text">夜间排尿次数：从晚上入睡到早晨起床的时间内，因为小便起床的次数是多少？</view>
            <radio-group @change="handleRadioChange('q2', $event)">
              <label class="option" v-for="(opt, idx) in questions.q2.options" :key="idx">
                <radio :value="opt" :checked="answers.q2 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 3. 尿急 -->
        <view class="question-item">
          <view class="question-number">3、</view>
          <view class="question-content">
            <view class="question-text">尿急：是否有突然想要小便、同时难以忍受的现象发生？</view>
            <radio-group @change="handleRadioChange('q3', $event)">
              <label class="option" v-for="(opt, idx) in questions.q3.options" :key="idx">
                <radio :value="opt" :checked="answers.q3 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 4. 急迫性尿失禁 -->
        <view class="question-item">
          <view class="question-number">4、</view>
          <view class="question-content">
            <view class="question-text">急迫性尿失禁：是否有突然想要小便，同时无法忍受并出现尿失禁的现象？</view>
            <radio-group @change="handleRadioChange('q4', $event)">
              <label class="option" v-for="(opt, idx) in questions.q4.options" :key="idx">
                <radio :value="opt" :checked="answers.q4 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 5. 勃起自信程度 -->
        <view class="question-item">
          <view class="question-number">5、</view>
          <view class="question-content">
            <view class="question-text">您对获得勃起和维持勃起的自信程度如何？</view>
            <radio-group @change="handleRadioChange('q5', $event)">
              <label class="option" v-for="(opt, idx) in questions.q5.options" :key="idx">
                <radio :value="opt" :checked="answers.q5 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 6. 受到性刺激时能够插入的次数 -->
        <view class="question-item">
          <view class="question-number">6、</view>
          <view class="question-content">
            <view class="question-text">您受到性刺激而有阴茎勃起时，有多少次能够插入？</view>
            <radio-group @change="handleRadioChange('q6', $event)">
              <label class="option" v-for="(opt, idx) in questions.q6.options" :key="idx">
                <radio :value="opt" :checked="answers.q6 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 7. 性交时能够维持勃起状态的次数 -->
        <view class="question-item">
          <view class="question-number">7、</view>
          <view class="question-content">
            <view class="question-text">您性交时，阴茎插入后，有多少次能够维持勃起状态？</view>
            <radio-group @change="handleRadioChange('q7', $event)">
              <label class="option" v-for="(opt, idx) in questions.q7.options" :key="idx">
                <radio :value="opt" :checked="answers.q7 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 8. 维持勃起至性交完成的困难程度 -->
        <view class="question-item">
          <view class="question-number">8、</view>
          <view class="question-content">
            <view class="question-text">您性交时，维持阴茎勃起至性交完成，有多大困难？</view>
            <radio-group @change="handleRadioChange('q8', $event)">
              <label class="option" v-for="(opt, idx) in questions.q8.options" :key="idx">
                <radio :value="opt" :checked="answers.q8 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 9. 性交时感到满足的次数 -->
        <view class="question-item">
          <view class="question-number">9、</view>
          <view class="question-content">
            <view class="question-text">您性交时，有多少次感到满足？</view>
            <radio-group @change="handleRadioChange('q9', $event)">
              <label class="option" v-for="(opt, idx) in questions.q9.options" :key="idx">
                <radio :value="opt" :checked="answers.q9 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 10. 尿不尽感 -->
        <view class="question-item">
          <view class="question-number">10、</view>
          <view class="question-content">
            <view class="question-text">是否经常有尿不尽感</view>
            <radio-group @change="handleRadioChange('q10', $event)">
              <label class="option" v-for="(opt, idx) in questions.q10.options" :key="idx">
                <radio :value="opt" :checked="answers.q10 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 11. 两次排尿间隔 -->
        <view class="question-item">
          <view class="question-number">11、</view>
          <view class="question-content">
            <view class="question-text">两次排尿间隔是否经常小于两小时</view>
            <radio-group @change="handleRadioChange('q11', $event)">
              <label class="option" v-for="(opt, idx) in questions.q11.options" :key="idx">
                <radio :value="opt" :checked="answers.q11 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 12. 间断性排尿 -->
        <view class="question-item">
          <view class="question-number">12、</view>
          <view class="question-content">
            <view class="question-text">是否经常有间断性排尿</view>
            <radio-group @change="handleRadioChange('q12', $event)">
              <label class="option" v-for="(opt, idx) in questions.q12.options" :key="idx">
                <radio :value="opt" :checked="answers.q12 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 13. 憋尿困难 -->
        <view class="question-item">
          <view class="question-number">13、</view>
          <view class="question-content">
            <view class="question-text">是否经常有憋尿困难</view>
            <radio-group @change="handleRadioChange('q13', $event)">
              <label class="option" v-for="(opt, idx) in questions.q13.options" :key="idx">
                <radio :value="opt" :checked="answers.q13 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 14. 尿线变细 -->
        <view class="question-item">
          <view class="question-number">14、</view>
          <view class="question-content">
            <view class="question-text">是否经常有尿线变细现象</view>
            <radio-group @change="handleRadioChange('q14', $event)">
              <label class="option" v-for="(opt, idx) in questions.q14.options" :key="idx">
                <radio :value="opt" :checked="answers.q14 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 15. 用力排尿 -->
        <view class="question-item">
          <view class="question-number">15、</view>
          <view class="question-content">
            <view class="question-text">是否经常需要用力及使劲才能开始排尿</view>
            <radio-group @change="handleRadioChange('q15', $event)">
              <label class="option" v-for="(opt, idx) in questions.q15.options" :key="idx">
                <radio :value="opt" :checked="answers.q15 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 16. 夜间起床排尿次数 -->
        <view class="question-item">
          <view class="question-number">16、</view>
          <view class="question-content">
            <view class="question-text">从入睡到早起一般需要起来排尿几次？</view>
            <radio-group @change="handleRadioChange('q16', $event)">
              <label class="option" v-for="(opt, idx) in questions.q16.options" :key="idx">
                <radio :value="opt" :checked="answers.q16 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 17. 对排尿症状的看法 -->
        <view class="question-item">
          <view class="question-number">17、</view>
          <view class="question-content">
            <view class="question-text">如果在您的生活中始终伴有现在排尿症状，您认为如何？</view>
            <radio-group @change="handleRadioChange('q17', $event)">
              <label class="option" v-for="(opt, idx) in questions.q17.options" :key="idx">
                <radio :value="opt" :checked="answers.q17 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 18. 性欲 -->
        <view class="question-item">
          <view class="question-number">18、</view>
          <view class="question-content">
            <view class="question-text">您的性欲如何？</view>
            <radio-group @change="handleRadioChange('q18', $event)">
              <label class="option" v-for="(opt, idx) in questions.q18.options" :key="idx">
                <radio :value="opt" :checked="answers.q18 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 19. 勃起硬度评价 -->
        <view class="question-item">
          <view class="question-number">19、</view>
          <view class="question-content">
            <view class="question-text">总体而言，您如何评价自己的勃起硬度？</view>
            <radio-group @change="handleRadioChange('q19', $event)">
              <label class="option" v-for="(opt, idx) in questions.q19.options" :key="idx">
                <radio :value="opt" :checked="answers.q19 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 20. 勃起维持时间 -->
        <view class="question-item">
          <view class="question-number">20、</view>
          <view class="question-content">
            <view class="question-text">总体而言，您觉得自己的勃起维持时间如何？</view>
            <radio-group @change="handleRadioChange('q20', $event)">
              <label class="option" v-for="(opt, idx) in questions.q20.options" :key="idx">
                <radio :value="opt" :checked="answers.q20 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 21. 夜间/晨勃硬度 -->
        <view class="question-item">
          <view class="question-number">21、</view>
          <view class="question-content">
            <view class="question-text">您如何评价夜间睡眠时的勃起或者晨勃的硬度？</view>
            <radio-group @change="handleRadioChange('q21', $event)">
              <label class="option" v-for="(opt, idx) in questions.q21.options" :key="idx">
                <radio :value="opt" :checked="answers.q21 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 22. 夜间/晨勃维持时间 -->
        <view class="question-item">
          <view class="question-number">22、</view>
          <view class="question-content">
            <view class="question-text">您如何评价夜间睡眠时的勃起或者晨勃的维持时间？</view>
            <radio-group @change="handleRadioChange('q22', $event)">
              <label class="option" v-for="(opt, idx) in questions.q22.options" :key="idx">
                <radio :value="opt" :checked="answers.q22 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 23. 性视频/音频时的勃起硬度 -->
        <view class="question-item">
          <view class="question-number">23、</view>
          <view class="question-content">
            <view class="question-text">在观看或收听性相关的视频或音频资料时，您阴茎勃起的硬度如何？</view>
            <radio-group @change="handleRadioChange('q23', $event)">
              <label class="option" v-for="(opt, idx) in questions.q23.options" :key="idx">
                <radio :value="opt" :checked="answers.q23 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 24. 性视频/音频时的勃起维持时间 -->
        <view class="question-item">
          <view class="question-number">24、</view>
          <view class="question-content">
            <view class="question-text">在观看或收听性相关的视频或音频资料时，您阴茎勃起的维持时间如何？</view>
            <radio-group @change="handleRadioChange('q24', $event)">
              <label class="option" v-for="(opt, idx) in questions.q24.options" :key="idx">
                <radio :value="opt" :checked="answers.q24 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 25. 对异性朋友性交时的勃起自信 -->
        <view class="question-item">
          <view class="question-number">25、</view>
          <view class="question-content">
            <view class="question-text">您喜欢的异性朋友如果愿意与您性交，您对自己的勃起自信程度如何评价？</view>
            <radio-group @change="handleRadioChange('q25', $event)">
              <label class="option" v-for="(opt, idx) in questions.q25.options" :key="idx">
                <radio :value="opt" :checked="answers.q25 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 26. 性幻想时的勃起硬度 -->
        <view class="question-item">
          <view class="question-number">26、</view>
          <view class="question-content">
            <view class="question-text">性幻想时，您如何评价自己的勃起硬度？</view>
            <radio-group @change="handleRadioChange('q26', $event)">
              <label class="option" v-for="(opt, idx) in questions.q26.options" :key="idx">
                <radio :value="opt" :checked="answers.q26 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 27. 性幻想时的勃起维持时间 -->
        <view class="question-item">
          <view class="question-number">27、</view>
          <view class="question-content">
            <view class="question-text">性幻想时，您觉得自己的勃起维持时间如何？</view>
            <radio-group @change="handleRadioChange('q27', $event)">
              <label class="option" v-for="(opt, idx) in questions.q27.options" :key="idx">
                <radio :value="opt" :checked="answers.q27 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 28. 近期漏尿情况 -->
        <view class="question-item">
          <view class="question-number">28、</view>
          <view class="question-content">
            <view class="question-text">您近期(1个月内)有过漏尿或者尿失禁吗？</view>
            <radio-group @change="handleRadioChange('q28', $event)">
              <label class="option" v-for="(opt, idx) in questions.q28.options" :key="idx">
                <radio :value="opt" :checked="answers.q28 === opt" />{{ opt }}
              </label>
            </radio-group>
          </view>
        </view>
        
        <!-- 29-54题（条件显示） -->
        <view v-if="showQ29ToQ54">
          <!-- 29. 漏尿次数 -->
          <view class="question-item">
            <view class="question-number">29、</view>
            <view class="question-content">
              <view class="question-text">您漏尿的次数</view>
              <radio-group @change="handleRadioChange('q29', $event)">
                <label class="option" v-for="(opt, idx) in questions.q29.options" :key="idx">
                  <radio :value="opt" :checked="answers.q29 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 30. 漏尿量 -->
          <view class="question-item">
            <view class="question-number">30、</view>
            <view class="question-content">
              <view class="question-text">我们想知道您认为自己漏尿的量是多少？在通常情况下，您的漏尿量是多少（不管您是否使用了防护用品）</view>
              <radio-group @change="handleRadioChange('q30', $event)">
                <label class="option" v-for="(opt, idx) in questions.q30.options" :key="idx">
                  <radio :value="opt" :checked="answers.q30 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 31. 影响程度 -->
          <view class="question-item">
            <view class="question-number">31、</view>
            <view class="question-content">
              <view class="question-text">总体上看，漏尿对您日常生活影响程度如何？请在0（表示没有影响）~10（表示有很大影响）之间的某个数字</view>
              <radio-group @change="handleRadioChange('q31', $event)">
                <label class="option" v-for="(opt, idx) in questions.q31.options" :key="idx">
                  <radio :value="opt" :checked="answers.q31 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 32. 漏尿发生时间（多选题） -->
          <view class="question-item">
            <view class="question-number">32、</view>
            <view class="question-content">
              <view class="question-text">您什么时候发生漏尿【多选题】</view>
              <view class="options">
                <label class="option" v-for="(opt, idx) in questions.q32.options" :key="idx">
                  <checkbox 
                    :value="opt" 
                    :checked="answers.q32.includes(opt)" 
                    @change="handleCheckboxChange(opt, $event)" 
                  />{{ opt }}
                </label>
              </view>
            </view>
          </view>
          
          <!-- 33-54题 -->
          <!-- 33. 害怕不能及时赶到厕所 -->
          <view class="question-item">
            <view class="question-number">33、</view>
            <view class="question-content">
              <view class="question-text">我害怕不能及时赶到厕所</view>
              <radio-group @change="handleRadioChange('q33', $event)">
                <label class="option" v-for="(opt, idx) in questions.q33.options" :key="idx">
                  <radio :value="opt" :checked="answers.q33 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 34. 担心咳嗽/打喷嚏时会尿失禁 -->
          <view class="question-item">
            <view class="question-number">34、</view>
            <view class="question-content">
              <view class="question-text">我担心咳嗽/打喷嚏时会尿失禁</view>
              <radio-group @change="handleRadioChange('q34', $event)">
                <label class="option" v-for="(opt, idx) in questions.q34.options" :key="idx">
                  <radio :value="opt" :checked="answers.q34 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 35. 从座位上起立时会分外小心 -->
          <view class="question-item">
            <view class="question-number">35、</view>
            <view class="question-content">
              <view class="question-text">担心会有尿失禁，我从座位上起立时会分外小心</view>
              <radio-group @change="handleRadioChange('q35', $event)">
                <label class="option" v-for="(opt, idx) in questions.q35.options" :key="idx">
                  <radio :value="opt" :checked="answers.q35 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 36. 特别注意厕所的位置 -->
          <view class="question-item">
            <view class="question-number">36、</view>
            <view class="question-content">
              <view class="question-text">在新环境中我特别注意厕所的位置</view>
              <radio-group @change="handleRadioChange('q36', $event)">
                <label class="option" v-for="(opt, idx) in questions.q36.options" :key="idx">
                  <radio :value="opt" :checked="answers.q36 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 37. 尿失禁问题使我觉得很沮丧 -->
          <view class="question-item">
            <view class="question-number">37、</view>
            <view class="question-content">
              <view class="question-text">尿失禁问题使我觉得很沮丧</view>
              <radio-group @change="handleRadioChange('q37', $event)">
                <label class="option" v-for="(opt, idx) in questions.q37.options" :key="idx">
                  <radio :value="opt" :checked="answers.q37 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 38. 尿失禁问题使我不能外出过久 -->
          <view class="question-item">
            <view class="question-number">38、</view>
            <view class="question-content">
              <view class="question-text">尿失禁问题使我不能外出过久</view>
              <radio-group @change="handleRadioChange('q38', $event)">
                <label class="option" v-for="(opt, idx) in questions.q38.options" :key="idx">
                  <radio :value="opt" :checked="answers.q38 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 39. 尿失禁问题使我放弃了很多想做的事情 -->
          <view class="question-item">
            <view class="question-number">39、</view>
            <view class="question-content">
              <view class="question-text">尿失禁问题使我放弃了很多想做的事情，感觉沮丧</view>
              <radio-group @change="handleRadioChange('q39', $event)">
                <label class="option" v-for="(opt, idx) in questions.q39.options" :key="idx">
                  <radio :value="opt" :checked="answers.q39 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 40. 担心旁边的人会闻到我身上的尿味 -->
          <view class="question-item">
            <view class="question-number">40、</view>
            <view class="question-content">
              <view class="question-text">我担心旁边的人会闻到我身上的尿味</view>
              <radio-group @change="handleRadioChange('q40', $event)">
                <label class="option" v-for="(opt, idx) in questions.q40.options" :key="idx">
                  <radio :value="opt" :checked="answers.q40 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 41. 总担心会发生尿失禁等问题 -->
          <view class="question-item">
            <view class="question-number">41、</view>
            <view class="question-content">
              <view class="question-text">我总担心会发生尿失禁等问题</view>
              <radio-group @change="handleRadioChange('q41', $event)">
                <label class="option" v-for="(opt, idx) in questions.q41.options" :key="idx">
                  <radio :value="opt" :checked="answers.q41 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 42. 经常去厕所小便 -->
          <view class="question-item">
            <view class="question-number">42、</view>
            <view class="question-content">
              <view class="question-text">我经常去厕所小便</view>
              <radio-group @change="handleRadioChange('q42', $event)">
                <label class="option" v-for="(opt, idx) in questions.q42.options" :key="idx">
                  <radio :value="opt" :checked="answers.q42 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 43. 做事前考虑周到避免尿失禁麻烦 -->
          <view class="question-item">
            <view class="question-number">43、</view>
            <view class="question-content">
              <view class="question-text">每次做事前我都得考虑周到，避免尿失禁带来麻烦</view>
              <radio-group @change="handleRadioChange('q43', $event)">
                <label class="option" v-for="(opt, idx) in questions.q43.options" :key="idx">
                  <radio :value="opt" :checked="answers.q43 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 44. 担心随年龄增长尿失禁问题会更严重 -->
          <view class="question-item">
            <view class="question-number">44、</view>
            <view class="question-content">
              <view class="question-text">我担心随着年龄增长带来尿失禁等问题会更加严重</view>
              <radio-group @change="handleRadioChange('q44', $event)">
                <label class="option" v-for="(opt, idx) in questions.q44.options" :key="idx">
                  <radio :value="opt" :checked="answers.q44 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 45. 夜间几乎没有正常睡眠 -->
          <view class="question-item">
            <view class="question-number">45、</view>
            <view class="question-content">
              <view class="question-text">因为尿失禁等问题，夜间我几乎没有正常睡眠</view>
              <radio-group @change="handleRadioChange('q45', $event)">
                <label class="option" v-for="(opt, idx) in questions.q45.options" :key="idx">
                  <radio :value="opt" :checked="answers.q45 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 46. 担心尿失禁出现尴尬场面或收到羞辱 -->
          <view class="question-item">
            <view class="question-number">46、</view>
            <view class="question-content">
              <view class="question-text">我担心尿失禁等问题出现尴尬场面或收到羞辱</view>
              <radio-group @change="handleRadioChange('q46', $event)">
                <label class="option" v-for="(opt, idx) in questions.q46.options" :key="idx">
                  <radio :value="opt" :checked="answers.q46 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 47. 觉得自己不是一个正常人 -->
          <view class="question-item">
            <view class="question-number">47、</view>
            <view class="question-content">
              <view class="question-text">尿失禁问题使我觉得自己不是一个正常人</view>
              <radio-group @change="handleRadioChange('q47', $event)">
                <label class="option" v-for="(opt, idx) in questions.q47.options" :key="idx">
                  <radio :value="opt" :checked="answers.q47 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 48. 觉得很无助 -->
          <view class="question-item">
            <view class="question-number">48、</view>
            <view class="question-content">
              <view class="question-text">尿失禁等问题让我觉得很无助</view>
              <radio-group @change="handleRadioChange('q48', $event)">
                <label class="option" v-for="(opt, idx) in questions.q48.options" :key="idx">
                  <radio :value="opt" :checked="answers.q48 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 49. 觉得生活乐趣变少了 -->
          <view class="question-item">
            <view class="question-number">49、</view>
            <view class="question-content">
              <view class="question-text">尿失禁等问题让我觉得生活乐趣变少了</view>
              <radio-group @change="handleRadioChange('q49', $event)">
                <label class="option" v-for="(opt, idx) in questions.q49.options" :key="idx">
                  <radio :value="opt" :checked="answers.q49 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 50. 担心尿失禁时弄湿衣物 -->
          <view class="question-item">
            <view class="question-number">50、</view>
            <view class="question-content">
              <view class="question-text">我担心尿失禁时弄湿衣物</view>
              <radio-group @change="handleRadioChange('q50', $event)">
                <label class="option" v-for="(opt, idx) in questions.q50.options" :key="idx">
                  <radio :value="opt" :checked="answers.q50 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 51. 觉得无法控制膀胱了 -->
          <view class="question-item">
            <view class="question-number">51、</view>
            <view class="question-content">
              <view class="question-text">我觉得无法控制膀胱了</view>
              <radio-group @change="handleRadioChange('q51', $event)">
                <label class="option" v-for="(opt, idx) in questions.q51.options" :key="idx">
                  <radio :value="opt" :checked="answers.q51 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 52. 注意喝什么、喝多少 -->
          <view class="question-item">
            <view class="question-number">52、</view>
            <view class="question-content">
              <view class="question-text">我很注意喝什么，喝多少，避免发生尿失禁等问题</view>
              <radio-group @change="handleRadioChange('q52', $event)">
                <label class="option" v-for="(opt, idx) in questions.q52.options" :key="idx">
                  <radio :value="opt" :checked="answers.q52 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 53. 限制了挑选衣物 -->
          <view class="question-item">
            <view class="question-number">53、</view>
            <view class="question-content">
              <view class="question-text">尿失禁等问题限制了我挑选衣物</view>
              <radio-group @change="handleRadioChange('q53', $event)">
                <label class="option" v-for="(opt, idx) in questions.q53.options" :key="idx">
                  <radio :value="opt" :checked="answers.q53 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
          
          <!-- 54. 对性生活有顾虑 -->
          <view class="question-item">
            <view class="question-number">54、</view>
            <view class="question-content">
              <view class="question-text">尿失禁等问题让我对性生活有顾虑</view>
              <radio-group @change="handleRadioChange('q54', $event)">
                <label class="option" v-for="(opt, idx) in questions.q54.options" :key="idx">
                  <radio :value="opt" :checked="answers.q54 === opt" />{{ opt }}
                </label>
              </radio-group>
            </view>
          </view>
        </view>
      </view>
      
      <!-- 提交按钮容器 -->
      <view class="submit-container">
        <button class="submit-btn" @click="submitQuestionnaire">提交</button>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 问题选项配置
      questions: {
        q1: {
          options: ['≤7', '8-14', '≥15']
        },
        q2: {
          options: ['0', '1', '2', '≥3']
        },
        q3: {
          options: ['无', '每周<1次', '每周≥1次', '每日1次', '每日2-4次', '每日≥5次']
        },
        q4: {
          options: ['无', '每周<1次', '每周≥1次', '每日1次', '每日2-4次', '每日≥5次']
        },
        q5: {
          options: ['无', '很低', '低', '中等', '高', '很高']
        },
        q6: {
          options: ['无性生活', '几乎没有或完全没有', '少数几次（远少于一半时候）', '有时（约一半时候）', '大多数时候（远多于一半时候）', '几乎总是或总是']
        },
        q7: {
          options: ['没有尝试', '几乎没有或完全没有', '少数几次（远少于一半时候）', '有时（约一半时候）', '大多数时候（远多于一半时候）', '几乎总是或总是']
        },
        q8: {
          options: ['没有尝试性交', '困难极大', '困难很大', '困难', '有点困难', '不困难']
        },
        q9: {
          options: ['没有尝试性交', '几乎没有或完全没有', '少数几次（远少于一半时候）', '有时（约一半时候）', '大多数时候（远多于一半时候）', '几乎总是或总是']
        },
        q10: {
          options: ['没有', '在五次中少于一次', '少于半数', '大约半数', '多于半数', '几乎每次']
        },
        q11: {
          options: ['没有', '在五次中少于一次', '少于半数', '大约半数', '多于半数', '几乎每次']
        },
        q12: {
          options: ['没有', '在五次中少于一次', '少于半数', '大约半数', '多于半数', '几乎每次']
        },
        q13: {
          options: ['没有', '在五次中少于一次', '少于半数', '大约半数', '多于半数', '几乎每次']
        },
        q14: {
          options: ['没有', '在五次中少于一次', '少于半数', '大约半数', '多于半数', '几乎每次']
        },
        q15: {
          options: ['没有', '在五次中少于一次', '少于半数', '大约半数', '多于半数', '几乎每次']
        },
        q16: {
          options: ['0', '1', '2', '3', '4', '大于或等于5次']
        },
        q17: {
          options: ['高兴(0分)', '满意(1分)', '大致满意(2分)', '还可以(3分)', '不太满意(4分)', '苦恼(5分)', '很糟(6分)']
        },
        q18: {
          options: ['很低', '低', '一般', '高', '很高']
        },
        q19: {
          options: ['软', '充血但不勃起', '勃起但不硬', '硬而不坚', '坚硬']
        },
        q20: {
          options: ['很短', '短', '有点短', '不短', '长']
        },
        q21: {
          options: ['软', '充血但不勃起', '勃起但不硬', '硬而不坚', '坚硬']
        },
        q22: {
          options: ['很短', '短', '有点短', '不短', '长']
        },
        q23: {
          options: ['软', '充血但不勃起', '勃起但不硬', '硬而不坚', '坚硬']
        },
        q24: {
          options: ['很短', '短', '有点短', '不短', '长']
        },
        q25: {
          options: ['很低', '低', '一般', '高', '很高']
        },
        q26: {
          options: ['软', '充血但不勃起', '勃起但不硬', '硬而不坚', '坚硬']
        },
        q27: {
          options: ['很短', '短', '有点短', '不短', '长']
        },
        q28: {
          options: ['有', '没有']
        },
        q29: {
          options: ['从来不漏尿', '一星期大约漏尿1次或经常不到1次', '一星期漏尿2次或3次', '每天大约漏尿1次', '一天漏尿数次', '一直漏尿']
        },
        q30: {
          options: ['不漏尿', '少量漏尿', '中等量漏尿', '大量漏尿']
        },
        q31: {
          options: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10']
        },
        q32: {
          options: ['从不漏尿', '未能到达厕所就会有尿液漏出', '在咳嗽或打喷嚏时漏尿', '在睡着时漏尿', '在活动或体育运动时漏尿', '在小便完和穿好衣服时漏尿', '在没有明显理由的情况下漏尿', '在所有时间内漏尿']
        },
        q33: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q34: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q35: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q36: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q37: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q38: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q39: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q40: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q41: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q42: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q43: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q44: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q45: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q46: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q47: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q48: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q49: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q50: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q51: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q52: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q53: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        },
        q54: {
          options: ['完全如此', '常常如此', '有时这样', '很少这样', '从未如此']
        }
      },
      // 答案存储对象
      answers: {
        q1: '',
        q2: '',
        q3: '',
        q4: '',
        q5: '',
        q6: '',
        q7: '',
        q8: '',
        q9: '',
        q10: '',
        q11: '',
        q12: '',
        q13: '',
        q14: '',
        q15: '',
        q16: '',
        q17: '',
        q18: '',
        q19: '',
        q20: '',
        q21: '',
        q22: '',
        q23: '',
        q24: '',
        q25: '',
        q26: '',
        q27: '',
        q28: '',
        q29: '',
        q30: '',
        q31: '',
        q32: [],  // 多选题，用数组存储选中项
        q33: '',
        q34: '',
        q35: '',
        q36: '',
        q37: '',
        q38: '',
        q39: '',
        q40: '',
        q41: '',
        q42: '',
        q43: '',
        q44: '',
        q45: '',
        q46: '',
        q47: '',
        q48: '',
        q49: '',
        q50: '',
        q51: '',
        q52: '',
        q53: '',
        q54: ''
      },
      // 控制29-54题是否显示
      showQ29ToQ54: false
    };
  },
  watch: {
    // 监听第28题的答案变化，控制29-54题的显示
    'answers.q28'(newVal) {
      // 当选择"有"时显示29-54题
      this.showQ29ToQ54 = newVal === '有';
      
      // 如果选择"没有"，清空29-54题的答案
      if (newVal === '没有') {
        for (let i = 29; i <= 54; i++) {
          const key = `q${i}`;
          this.answers[key] = i === 32 ? [] : '';
        }
      }
    }
  },
  methods: {
    // 处理单选题（radio）变化
    handleRadioChange(questionKey, event) {
      this.answers[questionKey] = event.detail.value;
    },
    
    // 处理复选框变化（多选题）
    handleCheckboxChange(value, event) {
      if (event.detail.checked) {
        // 如果选中，添加到数组
        this.answers.q32.push(value);
      } else {
        // 如果取消选中，从数组中移除
        this.answers.q32 = this.answers.q32.filter(item => item !== value);
      }
    },
    
    // 验证所有问题是否都已回答
    validateAnswers() {
      // 验证1-28题
      for (let i = 1; i <= 28; i++) {
        const key = `q${i}`;
        if (!this.answers[key]) {
          return false;
        }
      }
      
      // 第28题选"有"才需要验证29-54题
      if (this.answers.q28 === '有') {
        // 验证29-31题
        for (let j = 29; j <= 31; j++) {
          const subKey = `q${j}`;
          if (!this.answers[subKey]) {
            return false;
          }
        }
        
        // 验证第32题（多选题）
        if (this.answers.q32.length === 0) {
          return false;
        }
        
        // 验证33-54题
        for (let k = 33; k <= 54; k++) {
          const key = `q${k}`;
          if (!this.answers[key]) {
            return false;
          }
        }
      }
      
      return true;
    },
    
    // 提交问卷
    submitQuestionnaire() {
      if (this.validateAnswers()) {
        // 所有问题都已回答
        uni.showToast({
          title: '您已填写完问卷，感谢您的参与',
          icon: 'none',
          duration: 1000
        });
        // 1秒后返回主页面
        setTimeout(() => {
          uni.navigateBack({
            delta: 1 // 返回上一级页面（主页面）
          });
        }, 1000);
      } else {
        // 存在未回答的问题
        uni.showToast({
          title: '您有选项没有进行填写',
          icon: 'none'
        });
      }
    }
  }
};
</script>

<style scoped>
.container {
  background-color: #f5f5f5;
  min-height: 100vh;
}

.navbar {
  height: 44px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
  z-index: 10;
}

.navbar-title {
  font-size: 18px;
  font-weight: bold;
}

.content {
  padding: 16rpx;
  min-height: 100vh;
  box-sizing: border-box;
  padding-bottom: 140rpx; /* 为底部按钮留出空间 */
}

.question-list {
  background-color: #fff;
  border-radius: 8rpx;
  padding: 20rpx;
}

.question-item {
  margin-bottom: 30rpx;
  padding-bottom: 30rpx;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}

.question-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.question-number {
  font-weight: bold;
  margin-right: 10rpx;
  color: #333;
  flex-shrink: 0;
}

.question-content {
  flex: 1;
}

.question-text {
  margin-bottom: 16rpx;
  color: #333;
  line-height: 1.5;
  font-size: 16px;
}

.options {
  /* 移除flex-wrap确保每个选项单独一行 */
}

.option {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  padding: 12rpx 20rpx;
  border-radius: 20rpx;
  margin-bottom: 10rpx;
  font-size: 14px;
  /* 确保选项占满一行 */
  width: 100%;
  box-sizing: border-box;
}

.option radio, .option checkbox {
  margin-right: 8rpx;
  transform: scale(0.8);
}

/* 提交按钮样式调整 */
.submit-container {
  padding: 0 30rpx 30rpx;
}

.submit-btn {
  height: 90rpx;
  line-height: 90rpx;
  background-color: #007aff;
  color: #fff;
  border-radius: 45rpx;
  font-size: 16px;
  width: 100%;
}
</style>